有一首歌是這樣唱的：「我很醜，可是我很溫柔」
暴露了自己所處的年代哈哈，道盡很多人心聲的經典歌曲...一開始學習CSS外框屬性時，大多使用這樣的語法來切入：border: 1em solid #ccc;
呈現出一個單純的灰色外框
雖然設計看起來單調，但簡單明瞭，稍微換個粗細大小、顏色表現、實線虛線，初入門網頁開發，對於這種細小的改變總是驚呼連連——不會忘記當初設置外框成功時，對畫面讚嘆不已的場景。
隨著接觸的時間增加，想再求好的心態讓自己意外地撈到一個很炫酷的東西!border: 1em groove #ccc;
看起來的效果像這樣：
查看了文件,除了groove以外還有ridge、inset、outset等效果，只要改一個屬性，就能有看起來很厲害的畫面呈現。這的確讓我大感意外，本來以為這些效果需要多寫很多CSS代碼，想不到這麼方便!
顯現CSS外框不僅溫柔(好上手)，也告別我很醜的印象，是非常漂亮的!
iThome鐵人賽
看影片追技術